---

import type { GetStaticPathsResult } from "astro";

import type { CollectionEntry } from "astro:content";

import { getCollection } from "astro:content";

import PostLayout from "@/layouts/BlogPost";

export async function getStaticPaths(): Promise<GetStaticPathsResult> {

	const posts: CollectionEntry<"post">[] = await getCollection("post");

	const params = posts.map((post) => ({

		params: { post: post.slug },

		props: { post },

	}));

	return params;

}

interface Props {

	post: CollectionEntry<"post">;

}

const { post } = Astro.props;

const { Content } = await post.render();

---

<PostLayout post={post}>

	<Content />

</PostLayout>